$designWidth: 1080;
@function px2rem( $px) {
  @return $px*320/$designWidth/20+rem;
}


page-list {
    ion-navbar{
        ion-buttons{
            .white {
                color: #fff
            }

        }
        .absolute{
            position: absolute;
            right: 5px;

        }

    }

    .list-content{
        .money-number{
            height:50%;
            div:first-child {
                height:25%;
                color:rgb(90,90,90);
                text-align: center;
                display: -webkit-inline-flex;
                display: inline-flex;
                width:100%;
                span{
                    flex-grow: 1;
                    vertical-align: super;
                    margin-top: 10%;

                }
            }
            div:last-child {
                height:25%;
                text-align: center;
                display: -webkit-inline-flex;
                display: inline-flex;
                width:100%;
                span{
                    flex-grow: 1;
                    vertical-align: super;
                    margin-top: 10%;
                    font-size: -webkit-xxx-large;

                }
            }
        }
        .double-button{
            height:50%;

            padding:8%;
            .recharge{
                display: flex;
                width:100%;
                background:#ff0000;

                border:1px solid #ff0000;

                color:#fff;
                border-radius: 10px;
                font-size:20px;
                padding: 12px 0 12px 0;

                span{
                    flex-grow: 1;
                    text-align: -webkit-center;
                }
            }
            .withdraw {
                display: flex;
                width:100%;
                margin-top: 5%;
                border:1px solid #ff0000;
                color:#ff0000;
                border-radius: 10px;
                font-size:20px;
                padding: 12px 0 12px 0;
                span {
                    flex-grow: 1;
                    text-align: -webkit-center;
                }

                

            }
        }


    }

}
